<script setup lang="ts">
//方式1--数组方式
// const props = defineProps(['title']);
//方式2--对象方式
// const props = defineProps({
//   title: String,//必选属性
//   password: {type: String, required: false, default: "default-value"},//可选属性
// });
// 方式3：ts专用--泛型方式
// const props = defineProps<{
//   title: String,
//   password?: string,//可选属性
// }>()
// 方式3：ts专用--泛型方式-默认值
const {title, password = 'default-value'} = defineProps<{
  title: String,
  password?: string,//可选属性
}>()


</script>

<template>
  <div class="p-3 m-3 border rounded-3">
    <p>title：{{ title }}</p>
    <p>password：{{ password }}</p>
  </div>
</template>

<style scoped>

</style>